import Icon from "./Icon"

const Button = ({
  cat, className='', size='md', children, icon, ...props
}) => {
  return (
    <button type="button"
      className={
        `btn btn-${cat} ${className}
        btn-${size}
        `}
      {...props}
    >
      {
        /*icon ? <Icon name={icon} />:null*/}
      {
        icon && <Icon name={icon} />
      }
      {children}
    </button>
  )
}

export default Button
